<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>OA主页</title>
<script type="text/javascript">
	(function() {
	  // deicePixelRatio ：设备像素
	  var scale = 1 / devicePixelRatio;
	  //设置meta 压缩界面 模拟设备的高分辨率
	  document.querySelector('meta[name="viewport"]').setAttribute('content', 'initial-scale=' + scale + ', maximum-scale=' + scale + ', minimum-scale=' + scale + ', user-scalable=no');
	  //debounce 为节流函数，自己实现。或者引入underscoure即可。
	  var reSize = _.debounce(function() {
	      var deviceWidth = document.documentElement.clientWidth > 1300 ? 1300 : document.documentElement.clientWidth;
	      //按照640像素下字体为100px的标准来，得到一个字体缩放比例值 6.4
	      document.documentElement.style.fontSize = (deviceWidth / 6.4) + 'px';
	  }, 50);
	 
	  window.onresize = reSize;
	})();
</script>

<style type="text/css">
    html {
      height: 100%;
      width: 100%;
      overflow: hidden;
      font-size: 16px;
    }
 
    div {
      height: 0.5rem;
      widows: 0.5rem;
      border: 0.01rem solid #19a39e;
    }
 
    ........
  </style>

</head>
<body>
<div>
你好，欢迎，阿斯顿那是你懂啊没了！
</div>
</body>
</html>